<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax之get请求</title>
</head>
<body>
	<input type="text" name="user" value="" placeholder="用户名" /><span id="reg"></span>
</body>
<script type="text/javascript" src="./jquery-3.1.1.js"></script>
<script type="text/javascript">
	$('input:text').blur(function(){
		var url = '22.php?un=' + this.value;
		//alert(url);
		$.get(url,function(res){
			//如果获取后台相应的值jQuery写了一个封装,你只需要写一个参数,会自动把结果返回给你的回调函数
			// alert(res);
			if(res == 1){
				$('#reg').html('<font color="red">已被占用</font>');
			}else{
				$('#reg').html('<font color="green">可以使用</font>');
			}
		});
	});
</script>
</html>